<template>
  <div class="info-box-content">
    <h3>{{ title }}</h3>
    <slot></slot>
  </div>
</template>

<script setup lang="ts">
defineProps({
  title: {
    type: String,
    required: true,
  },
});
</script>

<style scoped>
.info-box-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff; /* 确保内容字体为白色 */
}

h3 {
  margin-bottom: 10px;
  font-size: 18px;
  color: #fff; /* 标题字体为白色 */
}

p {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  color: #fff; /* 确保内容字体为白色 */
}
</style>